page{
    height: 100%;
    .main{
        position: relative;
        height: 100%;
        display: flex;
        flex-direction: column;
        .background{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        .userShadow{
            border-radius: 100%;
            overflow: hidden;
            position: absolute;
            height: 120rpx;
            width: 120rpx;
            z-index: 100;
            top: 30rpx;
            left: 30rpx;
            .userIcon{
                z-index: 100;
            }
        }
        .loadIcon{
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            height: 100%;
            z-index: 100;
            .icon{
                border-radius: 10rpx;
                margin-bottom: 100rpx;
                view{
                    border-radius: 10px;
                    overflow: hidden;
                }
            }
        }
        .shadow{
           z-index: 100;
           position: relative;
           .from{
                height: 500rpx;
                width: 700rpx;
                background: #fff;
                position: absolute; 
                left: 50%; 
                top: 50%;
                transform: translate(-50%, -50%);
                display: flex;
                flex-direction: column;
                justify-content: space-around;
                >.title{
                    text-align: center;
                    margin-top: 30rpx;
                    padding-bottom: 30rpx ;
                    font-size: 18px;
                    border-bottom: 1px solid black;
                }
                .fromButton{
                    display: flex;
                    justify-content: center;
                }
            }
        }
    }
}                   
*{
    margin: 0;
    padding: 0;
}
